<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>

<link type="text/css" rel="stylesheet" href="css/header.css"></link>


<!-- 头部include -->
<div id="header">
	<!-- 头部logo & 滚动图片列表 -->
	<div class="headerLine1">
		<div class="headerLogo"></div>
		<div class="headerUserPicList"></div>
	</div>
	
	<!-- 菜单栏 -->
	<div class="headerLine2">
		<c:forEach var="menuNum" begin="1" end="8">
			<div class="menuElement">
				<a href="">菜单${menuNum}</a>
			</div>
		</c:forEach>
	</div>
	
	<!-- 好友动态 & 网站动态 & 小喇叭 -->
	<div class="headerLine3">
		<!-- 好友动态 -->
		<div class="headerColumnType1">
			<div class="headerColumnType1Title">
				<div class="headerColumnType1TitlePic">
					<img src="theme/skin1/header/columnType01/titlePic1.gif"/>
				</div>
				<div class="headerColumnType1TitleText">
					<a href="" class="hotA">好友动态</a>
				</div>
				<div class="headerColumnType1TitleMore">
					<!-- 这里是更多链接，不需要请删除该链接 -->
					<a href=""><img src="theme/skin1/public/more1.gif" border="0"/></a>
				</div>
			</div>
			<div class="headerColumnType1Content1">
				<c:forEach var="userNum" begin="1" end="1">
					<div class="headerColumnType1ContentLine">
						<a href=""><b class="b">用户${userNum}进入了酒吧...</b></a>
					</div>				
				</c:forEach>
				<c:forEach var="userNum" begin="2" end="5">
					<div class="headerColumnType1ContentLine">
						<a href="">用户${userNum}进入了酒吧...</a>
					</div>				
				</c:forEach>
			</div>
			<div class="headerColumnType1End">
			</div>
		</div>
		<!-- 网站动态 -->
		<div class="headerColumnType1">
			<div class="headerColumnType1Title">
				<div class="headerColumnType1TitlePic">
					<img src="theme/skin1/header/columnType01/titlePic2.gif"/>
				</div>
				<div class="headerColumnType1TitleText">
					<a href="" class="hotA">网站动态</a>
				</div>
				<div class="headerColumnType1TitleMore">
					<!-- 这里是更多链接，不需要请删除该链接 -->
					<a href=""><img src="theme/skin1/public/more1.gif" border="0"/></a>
				</div>
			</div>
			<div class="headerColumnType1Content2">
				<c:forEach var="userNum" begin="1" end="1">
					<div class="headerColumnType1ContentLine">
						<a href=""><b class="b">用户${userNum}进入了聊天室...</b></a>
					</div>				
				</c:forEach>
				<c:forEach var="userNum" begin="2" end="5">
					<div class="headerColumnType1ContentLine">
						<a href="">用户${userNum}进入了聊天室...</a>
					</div>				
				</c:forEach>
			</div>
			<div class="headerColumnType1End">
			</div>
		</div>
		<!-- 小喇叭 -->
		<div class="headerColumnType1">
			<div class="headerColumnType1Title">
				<div class="headerColumnType1TitlePic">
					<img src="theme/skin1/header/columnType01/titlePic3.gif"/>
				</div>
				<div class="headerColumnType1TitleText">
					<a href="" class="hotA">小喇叭</a>
				</div>
				<div class="headerColumnType1TitleMore">
					<!-- 这里是更多链接，不需要请删除该链接 -->
					<a href=""><img src="theme/skin1/public/more1.gif" border="0"/></a>
				</div>
			</div>
			<div class="headerColumnType1Content3">
				<div class="littleBugleLeft">
					<a href="images/user01.jpg"><img class="littleBuglePic" src="images/user01.jpg"/></a>
				</div>
				<div class="littleBugleInfo">
					用户简介：<br/>
					&nbsp;&nbsp;&nbsp;&nbsp;个人简介个人简介个人简介个人简介个人简介个人简介个人简介个人简介个人简介...
				</div>
			</div>
			<div class="headerColumnType1End">
			</div>
		</div>
	</div>
	
	<!-- 公共消息 -->
	<div class="headerLine4">
		<div class="publicInfoLeft"></div>
		<div class="publicInfoMain1">
			<a href="" class="hotA">+ 添加 +</a>
		</div>
		<div class="publicInfoMain2">
			公共消息:
		</div>
		<div class="publicInfoMain3">
			<a href="" class="hotA">+ 添加 +</a>
		</div>
		<div class="publicInfoRight"></div>
	</div>
	
	<!-- 头部和身部的分割 -->
	<div class="divisionType1"></div>
</div>
